<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HUAYU</title>
    <link href="css/header.css" rel="stylesheet" type="text/css">
    <link href="css/footer.css" rel="stylesheet" type="text/css">
    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/offline.css" rel="stylesheet" type="text/css" >
</head>
<body>
    <!--[if lte IE 8]>
        <p class="browserupgrade">您的浏览器版本老的可笑，请到 <a href="http://browsehappy.com">这里</a> 更新，以获取最佳的体验</p>
    <![endif] -->
    <a name="top"></a>
    @@include('./header.html')
    <main>
        <section class="youInio">
            <address>地址：江苏省苏州市工业园区金鸡湖大道99号</address>
            <p>电话：400 6666 6666</p>
            <div class="form_parnt">
                <p>您也可以通过表单联系我们：</p>
                <form action="login" method="post"  class="form">
                    <input type="text" placeholder="姓名" value="" name="youName" class="input">
                    <input type="text" placeholder="手机" value="" name="youPhone" class="input">
                    <p style="color: red;" ><span class="youName"></span> <span class="youPhone"></span></p>
                    <input type="email" placeholder="邮箱" value="" name="youEmail" class="input" id="youEmail">
                    <p style="color: red;" class="youEmail"></p>
                    <textarea placeholder="内容" value="" name="youNeeds" class="input" ></textarea>
                    <p style="color: red;" class="youNeeds"></p>
                    <input type="button" class="button" onclick="submitBefore()" value="发送">
                </form>
            </div>
        </section>
        <!-- 百度地图 -->
        <section class="map">
            <h2>门店坐标</h2>
            <p>CONTACT US</p>
            <svg t="1574220032602" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1109" width="12" height="12"><path d="M915.110634 526.94854c-11.698858-11.698858-30.697002-11.698858-42.39586 0L490.852065 908.711259c-11.698858 11.698858-11.698858 30.697002 0 42.395859s30.697002 11.698858 42.39586 0l381.762718-381.762718c11.798848-11.698858 11.798848-30.697002 0.099991-42.39586z" fill="#515151" p-id="1110"></path><path d="M534.247827 908.811249l-381.962699-381.962699c-11.698858-11.698858-30.697002-11.698858-42.395859 0s-11.698858 30.697002 0 42.39586l381.962699 381.962699c11.698858 11.698858 30.697002 11.698858 42.395859 0s11.698858-30.697002 0-42.39586z" fill="#515151" p-id="1111"></path><path d="M915.110634 72.992872c-11.698858-11.698858-30.697002-11.698858-42.39586 0L490.852065 454.75559c-11.698858 11.698858-11.698858 30.697002 0 42.39586s30.697002 11.698858 42.39586 0l381.762718-381.762718c11.798848-11.698858 11.798848-30.697002 0.099991-42.39586z" fill="#515151" p-id="1112"></path><path d="M534.247827 454.855581l-381.962699-381.962699c-11.698858-11.698858-30.697002-11.698858-42.395859 0s-11.698858 30.697002 0 42.395859l381.962699 381.962699c11.698858 11.698858 30.697002 11.698858 42.395859 0s11.698858-30.697002 0-42.395859z" fill="#515151" p-id="1113"></path></svg>
            <div id="container"></div>
        </section>

    </main>
    @@include('./footer.html')
    <script src="js/header.js" type="text/javascript"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/offline.js" type="text/javascript"></script>
    <script src="js/publicFunction.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=VcBtB1dlHxhxBGcQUM3Gi2Sw61R595LL"></script>
</body>
</html>
